/* pages/details/details.wxss */
@import "@/components/choose-sku/choose-sku.css";

.details-box {
	overflow-y: auto;
}

.swiper {
	width: 100vw;
	height: 100vw;
	border-bottom: 1rpx solid #f1f1f1;
}

/*商品  */

.viewc_inner_c {
	box-sizing: border-box;
	padding: 0 20rpx 10rpx 0;
	color: #ff3d3d;
	display: flex;
	align-items: center;
}

.price_title {
	margin: 0 20rpx 0 0;
	color: #ff3d3d;
	display: flex;
	align-items: center;
}

.price_title_symbol {
	font-size: 22rpx;
	line-height: 34rpx;
}

.price {
	font-size: 36rpx;
	line-height: 36rpx;
}

.details-info {
	width: 84%;
}

.details-name {
	font-size: 30rpx;
	padding-bottom: 15px;
	font-weight: bold;
	
}

.unit-Price {
	color: #ff3d3d;
	font-size: 40rpx;
}

.original-price {
	text-decoration: line-through;
	color: #8a8a8a;
	font-size: 32rpx;
}

.Deal {
	color: #999;
	font-size: 24rpx;
	margin-right: 15rpx;
}

.details-share {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	line-height: 32rpx;
	color: #8a8a8a;
	right: 0;
	background-color: rgba(var(--primary-rgb-color), 0.1);
	border-radius: 30rpx 0 0 30rpx;
	padding: 10rpx 15rpx;
	top: 36rpx;
}

.share-icon {
	font-size: 32rpx;
	color: #999999;
}

.text-share {
	font-size: 22rpx;
	color: #999;
	margin-left: 10rpx;
	letter-spacing: 2rpx;
}

/*标语  */

.language {
	font-size: 30rpx;
	display: flex;
	flex-wrap: wrap;
	margin: 12rpx 0 0;
}

.languagelist {
	display: flex;
	align-items: center;
	margin-right: 15px;
	color: #7d7d7d;
	font-size: 24rpx;
	margin-bottom: 5px;
}

.languagelist>text {
	margin-left: 10rpx;
}

/*规格  */

.Specifications {
	margin-top: 12rpx;
	position: relative;
	font-size: 34rpx;
}

.SpecificationsText {
	color: #333;
	font-size: 26rpx;
	line-height: 30rpx;
}

.Specifications .Specifications-img {
	width: 14rpx;
	height: 26rpx;
	position: absolute;
	right: 30rpx;
	font-size: 0;
}

.Specifications-img image {
	width: 100%;
	height: 100%;
}

/*  */

.nav {
	display: flex;
	margin-top: 15rpx;
	border-bottom: 1px solid #eee;
}

.navItem {
	width: 50%;
	height: 102rpx;
	line-height: 102rpx;
	text-align: center;
	font-size: 34rpx;
}

.on {
	border-bottom: 1px solid #ff3d3d;
	color: #ff3d3d;
}

.details-evaluate {
	font-size: 32rpx;
}

.detailsTitle {
	text-align: center;
}

.details-content {
	line-height: 80rpx;
}

/*评价  */

.evaluate {
	width: 100%;
}

.evaluatelist {
	border-bottom: 1px solid #eee;
	display: flex;
	padding-bottom: 30rpx;
}

.evaluatelist+.evaluatelist {
	padding-top: 30rpx;
}

.evaluateUser {
	width: 30%;
	border-radius: 50%;
}

.evaluateUser image {
	width: 150rpx;
	height: 150rpx;
	border-radius: 50%;
}

.userBox {
	width: 70%;
}

.userName {
	width: 100%;
	height: 80rpx;
	line-height: 80rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.comment {
	line-height: 50rpx;
}

.hide {
	display: none;
}

/*底部  */

.footer {
	width: 100vw;
	height: 110rpx;
	font-size: 28rpx;
	display: flex;
	z-index: 100000;
	color: #666;
	align-items: center;
	justify-content: space-between;
	padding: 0 30rpx;
	box-sizing: border-box;
	background-color: #ffffff;
	border-top: 1rpx solid #f5f5f5;
}

.footer>image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.footer>view {
	/* position: relative; */
	z-index: 1;
}

.kefu,
.sc {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 20rpx;
	line-height: 28rpx;
	width: 68rpx;
	margin: 0 38rpx 0 0;
	padding: 0;
	background: #fff;
}

.kefu::after {
	border: none;
	border-radius: 0;
}

.button-hover {
	color: #666;
}

.kefu image,
.sc image {
	width: 40rpx;
	height: 40rpx;
	margin-bottom: 10rpx;
}

.sc2 {
	position: relative;
}

.badge-box {
	position: absolute;
	top: -6rpx;
	right: -8rpx;
	background-color: red;
	font-size: 22rpx;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	padding: 2rpx 10rpx
}

.sc2 image {
	width: 50rpx;
	height: 50rpx;
	margin-bottom: 0;
}

.kefu button {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.btn_class {
	flex: 1;
	height: 80rpx;
	line-height: 80rpx;
	font-size: 28rpx;
	text-align: center;
	color: #fff;
}

.buy {
	background: var(--primary-color);
	border-top-right-radius: 50rpx;
	border-bottom-right-radius: 50rpx;
}

.toCarbuy{
	background-color: #999999;
}

.addCard {
	background: #ffab32;
	border-top-left-radius: 50rpx;
	border-bottom-left-radius: 50rpx;
}

.buy1 {
	background: #fdb7b7;
	border-top-right-radius: 50rpx;
	border-bottom-right-radius: 50rpx;
}

.addCard1 {
	background: #fce1bd;
	border-top-left-radius: 50rpx;
	border-bottom-left-radius: 50rpx;
}

/*公共样式  */

.bg {
	background: #fff;
}

.box-sizing {
	box-sizing: border-box;
	padding: 30rpx;
	display: flex;
	align-items: center;
}

.isVIP {
	color: rgb(150, 127, 255) !important;
}

.goodsImg {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
}

.goodsImg>image {
	width: 100%;
	height: 100%;
}

.shangpin_details {
	width: 100%;
	height: auto;
	border-top: 1px solid gainsboro;
	box-sizing: border-box;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background: white;
	overflow: hidden;
	font-size: 14px;
}

.shopDetails {
	background-color: white;
	margin-top: 12rpx;
}

.shopTitle {
	line-height: 80rpx;
	text-align: center;
	font-size: 26rpx;
}

.sku-box-container {
	box-sizing: border-box;
	max-height: 40vh;
	overflow-y: auto;
}

.sku-attr {
	box-sizing: border-box;
	margin-top: 20rpx;
}

.sku-list-box {
	width: 100%;
	box-sizing: border-box;
	margin-top: 5rpx;
	max-height: 200rpx;
	overflow: scroll;
}

.sku-select {
	background-color: #ffd100;
	color: #313131;
}

.sku-disable-check {
	color: #aaa;
	background-color: #f7f7f7;
}

.sku-box-title {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	padding: 20rpx 0rpx;
	border-bottom: 1px solid #eee;
}

.sku-box-title>view {
	flex: 1;
	text-align: center;
}

.sku-box-title>view.active {
	color: #ffd100;
}

.kefub {
	width: 20%;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
}

.kefub image {
	width: 40rpx;
	height: 40rpx;
}

.kefub>button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.kefub>button::before {
	border: none;
	border-radius: 0;
}

.kefub>button::after {
	border: none;
	border-radius: 0;
}

.details-btn {
	display: flex;
	align-items: center;
	flex: 1;
	margin-left: 20rpx;
}

.choose-sku-box {
	bottom: 110rpx;
}

.choose-sku-goods-stock {
	margin-top: 0;
}

.preferential {
	position: absolute;
	top: 130rpx;
	right: 30rpx;
}

.price_pass {
	margin-right: 20rpx;
	font-size: 22rpx;
}

.list-title {
	font-size: 26rpx;
	color: #999;
	width: 130rpx;
}

.delivery_fee {
	color: #666;
}

.before-line {
	border-left: 1rpx solid #bbb;
	padding-left: 12rpx;
	margin-left: 12rpx;
}

.model-title {
	font-size: 32rpx;
	color: #444;
	line-height: 80rpx;
	text-align: center;
}

.delivery-content {
	font-size: 30rpx;
	color: #999;
	height: 50vh;
	overflow-y: auto;
}

.delivery-content>view {
	line-height: 40rpx;
	margin-bottom: 10rpx;
}

/* 评价 */
.CommentStyle {
	margin-top: 12rpx;
	padding: 30rpx;
}

.Comment-nav {
	position: relative;
	height: 30rpx;
	margin-bottom: 30rpx;
}

.Comment-nav .Comment-nav-words {
	font-size: 26rpx;
	position: absolute;
}

.Comment-nav image {
	width: 14rpx;
	height: 26rpx;
	position: absolute;
	right: 0;
	font-size: 0;
}

.content {
	/* height: 156rpx; */
	box-sizing: border-box;
}

.content-title {
	display: flex;
	justify-content: center;
	align-items: center;
}

.Comment-content {
	display: inline-block;
	font-size: 26rpx;
	color: #666;
}

.userInfo {
	padding-bottom: 23rpx;
}

.userImage {
	width: 40rpx;
	height: 40rpx;
	border-radius: 50%;
	background-color: #ccc;
	margin-right: 15rpx;
	vertical-align: middle;
}

.nickName {
	font-size: 26rpx;
	color: #999;
	vertical-align: middle;
}

.Comment-con-words {
	font-size: 26rpx;
	color: #333;
}

.Comment-con-img {
	box-sizing: border-box;
	/* display: flex; */
	/* flex-wrap:wrap ; */
}

.Comment-con-img image {
	/* flex: 20%; */
	margin-top: 30rpx;
	margin-right: 12rpx;
	width: 130rpx;
	height: 130rpx;
}

/*以下是转成uniapp后将style改成class*/
.no-image {
	display: flex;
	align-items: center;
	justify-content: center;
}

.no-image-text {
	font-size: 32rpx;
}

.goodinfo-box {
	position: relative;
}

.sold-out {
	font-size: 24rpx;
	color: #f84747;
}

.title-img {
	width: 20px;
	height: 20px;
}

.choose-sku-container-content {
	z-index: 100;
}

.loadingbox-back {
	background-color: rgb(94, 94, 94);
}

.choose-sku-bottom {
	bottom: 0;
}

.fee-body {
	padding: 30rpx;
}

.fee-flex {
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.fee-title {
	width: 68rpx;
	margin-top: 6rpx;
}

.delivery-title {
	padding: 10rpx 15rpx;
	background: rgba(var(--primary-rgb-color), 0.1);
	color: var(--primary-color);
	margin-right: 6rpx;
}

.vip-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30rpx;
	margin-top: 12rpx;
}

.vip-btn {
	border-radius: 30rpx;
	width: 160rpx;
	height: 60rpx;
	text-align: center;
	margin-left: 20rpx;
	background: linear-gradient(#f0d29d, #e4b569);
	color: #fff;
	font-size: 26rpx;
	line-height: 60rpx;
}

.deadline {
	font-size: 24rpx;
	color: #999999;
}

.discount-money {
	font-size: 24rpx;
	color: #ff3d3d;
	padding-right: 6rpx;
}

.plus-title {
	font-size: 24rpx;
	color: #333333;
}

.plus-price {
	width: 84rpx;
	height: 32rpx;
}

.plus_integral {
	font-size: 24rpx;
}
